.statistics-main{
    display: flex;
    height: 100%;

    .left-menu{
        width: 190px;
        background: #f1f3fa69;

        .menu-li {
            padding: 0 20px;
            height: 40px;
            width: 180px;
            line-height: 40px;
            display: block;
            cursor: pointer;
            border-radius: var(--pi-border-radius);
            margin: 5px;
        }

        .menu-li:hover{
            background-color:  var(--pi-hover-color);
            //margin: 5px 20px;
        }
        .menu-li-action{
            background-color:  var(--pi-action-color);
        }
    }


    .right-content{
        flex: 1;
        overflow: auto;


        .statistics-select{
            padding: 10px;
            margin: 10px 0 20px 0;
            display: flex;
            gap: 20px;
        }

        .statistics-new-create-box{
            width: 100%;
            height: 500px;
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #e4e4e4;
            box-shadow: var(--pi-box-shadow);
        }
    }
}
.content-box-center{
    .statistic-card-item{
        border-radius: 5px;
        background: #f8f8f8;
    }
}
